<!-- <template>
  <view :style="{'padding-top': safeAreaTop + 'px','background-image': 'linear-gradient(-90deg, rgb(158, 158, 158) 0%, rgb(96, 125, 139) 100%)','color': '#fff'}">
  </view>
</template> -->
<script>
import { mapActions } from 'vuex'

export default {
  data() {
      return {
        safeAreaTop: 0
      }
  },
  methods: {
    ...mapActions(['autoLogin'])
  },
  onLaunch: function () {
	const savedTheme = uni.getStorageSync('theme') || 'dark';
	this.$store.commit('setTheme', savedTheme);
    this.autoLogin()
  },
  onLoad() {
	const info = uni.getSystemInfoSync()
	this.safeAreaTop = info.safeArea.top || 0
  },
  onShow: function () {
  },
  onHide: function () {
  }
}
</script>

<style lang="scss">
@import '@/static/fonts/iconfont.css';
//#ifndef APP-PLUS-NVUE
uni-button {
  line-height: 1.8;
}
/deep/ .uni-icon_toast {
  padding-bottom: 10px;
}
/deep/ .uni-toast {
  padding: 0 20px;
}
//#endif
@font-face {
  font-family: uniicons;
  src: url("/static/uni.ttf");
}
page {
  background-image: linear-gradient(-90deg, rgb(158, 158, 158) 0%, rgb(96, 125, 139) 100%); //  #c3dff0
  color: #fff;
  /* #ifdef APP-PLUS */
  padding-top: 44px;
  /* #endif */
  /* #ifndef APP-PLUS */
  padding-top: 44px;
  /* #endif */
}
.pages {
  padding: 0;
  margin: 0;
}
.statusbar {
  height: 35px;
}
.uni-tabbar {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.title {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 10px 0;
}
</style>
